<html>
  <head>
		<title>PvP Tetris</title>
		<style>
			html,body {
				width:98%;
				height:98%;
				margin: 0;
				padding: 0;
			}
			body {
				background-color: black;
			}
			#gameCanvas {
				background-color: black;
				width: 99%;
				height: 99%;
				margin: 0;
				align: center;
			}
			#gui {
				opacity: 0.8;
				filter: alpha(opacity=80); /* For IE8 and earlier */
				position: absolute;
			}
			#controls {
				position: absolute;
				left: 20px;
				top: 20px;
				color: #000;
			}
		</style>
	</head>
	<body onload='setup();'>
		<div id='gameCanvas'>
			<div id='gui'></div>
		</div>
		<div id='controls' class='dg'>
		controls:<br/>
		<br/>
		enter - start game<br/>
		P - pause game<br/>
		escape - reset game<br/>
		<br/>
		left player keys:<br/>
		W - move up<br/>
		S - move down<br/>
		D - drop brick<br/>
		A - turn brick<br/>
		<br/>
		right player keys:<br/>
		up - move up<br/>
		down - move down<br/>
		left - drop brick<br/>
		right - turn brick<br/>
		<br/>
		hold keys to repeat<br/>
		</div>
		<!---  Load Scripts -->
		<script type='text/javascript' src='./Scripts/dat.gui.min.js'></script>
		<script src='./Scripts/three.js'></script>
		<script src='./Scripts/keyboard.js'></script>
		<script src='./Scripts/bricks.js'></script>
		<script src='./Scripts/menu_messages.js'></script>
		<script src='./Scripts/sounds.js'></script>
		<!---  Load Fonts -->
		<script src="./Fonts/helvetiker_bold.typeface.js"></script>
		<script src="./Fonts/helvetiker_regular.typeface.js"></script>
		<!---  Load Main Script -->
		<script src='./Scripts/game.js'></script>
	</body>
</html>